	<template>
		<view class="content">
			<view class="tit">
				<text>徐安宁-富士庄园-小班·小二班</text>
			</view>
			<view class="tit1">
				<view class="tit1_t">
					<view class="tit1_t_l">
						<text>乐高编程机器人课程004</text>
					</view>
					<view class="tit1_t_r">
						<text>全部课程：4节</text>
					</view>
				</view>

				<view class="tit_b">
					<view class="tit_b1">
						<view class="tit_b1_1">
							<text>4节</text>
						</view>
						<view class="tit_b1_2">
							<text>购买课时</text>
						</view>
					</view>
					<view class="tit_b1">
						<view class="tit_b1_1">
							<text>4节</text>
						</view>
						<view class="tit_b1_2">
							<text>购买课时</text>
						</view>
					</view>
					<view class="tit_b1">
						<view class="tit_b1_1">
							<text>4节</text>
						</view>
						<view class="tit_b1_2">
							<text>购买课时</text>
						</view>
					</view>

				</view>
			</view>

			<view class="tit2">
				<view class="tit2_1">
					<text>结课方式：放弃结课，全额退款</text>
				</view>
				<view class="tit2_2">
					结课课时： <text>0</text> 节 结课课时： <text>0</text> 节
				</view>
			</view>
			<view class="tit2">
				<view class="tit2_1">
					<text>分账信息</text>
				</view>
				<view class="tit2_3">
					<text>因放弃结课，则无需分账</text>
				</view>
			</view>
			<view class="tit2">
				<view class="tit2_1">
					<text>店铺分账信息</text>
				</view>
				<view class="tit2_3">
					<text>因放弃结课，则无需分账</text>
				</view>
			</view>

			<view class="tit2">
				<view class="tit2_1">
					<text>结课方式：放弃结课，全额退款</text>
				</view>
				<view class="tit2_2">
					退款金额：<text>200</text> 元
				</view>
			</view>

			<view class="bt">
				<view class="bt1">
					<button type="default">拒绝结课</button>
				</view>
				<view class="bt2">
					<button type="default" @click="tojk()">确认结课</button>
				</view>
			</view>
		</view>
	</template>

	<script>
		export default {
			data() {
				return {

				}
			},
			methods: {
				tojk() {
					uni.navigateTo({
						url: '/pages/shop/mushop/class_auditing1'
					})
				}
			}
		}
	</script>

	<style>
		.content {
			width: 750rpx;
			height: 1624rpx;
			background: #FAFAFA;
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			padding-top: 32rpx;
		}

		.tit {
			width: 690rpx;
			height: 108rpx;
			background: #FFFFFF;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #333333;
			margin: auto;
		}

		.tit1 {
			width: 690rpx;
			height: 240rpx;
			background: #FFFFFF;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			padding-top: 32rpx;
			margin: 32rpx auto 0;
		}

		.tit1_t {
			display: flex;
		}

		.tit1_t_l {
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #333333;
			width: 60%;
			margin-left: 32rpx;
		}

		.tit1_t_r {
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #409CFD;
		}

		.tit_b {
			display: flex;
			margin-top: 40rpx;
		}

		.tit_b1 {
			flex-direction: column;
			margin: auto;
			display: flex;

		}

		.tit_b1_1 {
			margin: auto;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #409CFD;
		}

		.tit_b1_2 {
			margin: 8rpx auto 0;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #333333;
		}

		.tit2 {
			width: 690rpx;
			height: 172rpx;
			background: #FFFFFF;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			margin: 32rpx auto 0;
			padding-top: 32rpx;
		}

		.tit2_1 {
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #333333;
			margin-left: 32rpx;
		}

		.tit2_2 {
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #666666;
			margin-top: 32rpx;
			margin-left: 32rpx;
		}

		.tit2_2 text {
			font-family: PingFang SC-Bold;
			font-weight: Bold;
			font-size: 32rpx;
			color: #409CFD;
		}

		.tit2_3 {
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #666666;
			margin-top: 32rpx;
			margin-left: 32rpx;
		}

		.bt1 {
			margin: auto;
		}

		.bt1 button {
			width: 332rpx;
			height: 88rpx;
			background: #FF6853;
			border-radius: 4rpx 4rpx 4rpx 4rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #FFFFFF;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.bt {
			display: flex;
			margin-top: 80rpx;

		}

		.bt2 {
			margin: auto;
		}

		.bt2 button {
			width: 332rpx;
			height: 88rpx;
			background: #409CFD;
			border-radius: 4rpx 4rpx 4rpx 4rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #FFFFFF;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	</style>